/**
 * 自定义的图标
 */

import Icon from '@ant-design/icons';
import React from 'react';

const MicroPhoneIcon = (props: any) => (
	<Icon
		component={() => (
			<svg viewBox='0 0 1024 1024' width='1em' height='1em'>
				<path
					d='M510.8096 76.8h0.40704a202.46784 202.46784 0 0 1 202.24 202.24v221.21216a202.4448 202.4448 0 0 1-404.88704 0V279.04a202.46784 202.46784 0 0 1 202.24-202.24z m0 579.61216a156.416 156.416 0 0 0 156.56704-156.16V279.04a156.33664 156.33664 0 0 0-156.16-156.16h-0.40704a156.33664 156.33664 0 0 0-156.16 156.16v221.21216a156.33664 156.33664 0 0 0 156.16 156.16z'
					fill='currentColor'
				/>
				<path
					d='M505.92512 788.35712c-259.64032 0-290.4448-236.30848-290.72384-238.6944a23.04 23.04 0 0 1 45.75488-5.44c1.0112 8.17408 26.95424 198.0544 244.96896 198.0544 219.01568 0 253.92128-190.976 255.30112-199.09888a23.04 23.04 0 0 1 45.46048 7.5264c-0.39168 2.37568-42.0224 237.65248-300.7616 237.65248z'
					fill='currentColor'
				/>
				<path
					d='M511.0144 944.9216a23.04 23.04 0 0 1-23.04-23.04v-156.56448a23.04 23.04 0 0 1 46.08 0v156.56448a23.04 23.04 0 0 1-23.04 23.04z'
					fill='currentColor'
				/>
				{!props.using && (
					<path d='M 0 0 l 1024 1024' stroke='red' strokeWidth='3em' fill='none' />
				)}
			</svg>
		)}
		{...props}
	/>
);

const CameraIcon = (props: any) => (
	<Icon
		component={() => (
			<svg viewBox='0 0 1024 1024' width='1em' height='1em'>
				<path
					d='M849.83552 756.26752a78.25408 78.25408 0 0 1-39.61088-10.7264L680.96 670.87616a23.04 23.04 0 0 1-11.52-19.95008v-229.21216a23.04 23.04 0 0 1 11.52-19.95008l129.26464-74.67008a78.26432 78.26432 0 0 1 39.60832-10.72384 78.86336 78.86336 0 0 1 29.92384 5.888 79.99488 79.99488 0 0 1 25.2544 16.384 78.43584 78.43584 0 0 1 24.26624 57.1648v281.0112a78.43328 78.43328 0 0 1-24.26624 57.16224 80.01536 80.01536 0 0 1-25.25184 16.384 78.87872 78.87872 0 0 1-29.92384 5.90336z m-134.31296-118.64064l117.76 68.01408a32.30464 32.30464 0 0 0 16.55552 4.54656 33.024 33.024 0 0 0 12.52352-2.4832 34.18112 34.18112 0 0 0 10.77504-6.98624 32.768 32.768 0 0 0 10.07104-23.89504v-281.0112a32.768 32.768 0 0 0-10.0736-23.8976 34.0992 34.0992 0 0 0-10.77248-6.98112 33.00608 33.00608 0 0 0-12.52352-2.4832 32.32 32.32 0 0 0-16.55808 4.54656l-117.76 68.0192z'
					fill='currentColor'
				/>
				<path
					d='M174.08 218.88h462.08a79.4496 79.4496 0 0 1 79.36 79.36v428.83584a79.4496 79.4496 0 0 1-79.36 79.36H174.08a79.4496 79.4496 0 0 1-79.36-79.36V298.24a79.4496 79.4496 0 0 1 79.36-79.36z m462.08 541.47584a33.3184 33.3184 0 0 0 33.28-33.28V298.24a33.3184 33.3184 0 0 0-33.28-33.28H174.08a33.3184 33.3184 0 0 0-33.28 33.28v428.83584a33.3184 33.3184 0 0 0 33.28 33.28z'
					fill='currentColor'
				/>
				{!props.using && (
					<path d='M 0 0 l 1024 1024' stroke='red' strokeWidth='3em' fill='none' />
				)}
			</svg>
		)}
		{...props}
	/>
);

const ShareScreenIcon = (props: any) => (
	<Icon
		component={() => (
			<svg viewBox='0 0 1024 1024' width='1em' height='1em'>
				<path
					d='M952 705.06666666l-0.42666667-0.10666666-0.42666666 0.10666666H538.24c-14.61333333 0-26.34666667-11.84-26.34666667-26.34666666 0-14.61333333 11.84-26.34666667 26.34666667-26.34666667h388.26666667V223.14666666H253.54666667V378.66666666c0 6.82666667-2.66666667 13.44-7.57333334 18.34666667-4.8 4.90666667-11.41333333 7.57333333-18.24 7.57333333h-0.96c-6.82666667 0-13.44-2.77333333-18.34666666-7.57333333-4.90666667-4.90666667-7.57333333-11.41333333-7.57333334-18.34666667V194.34666666c0-14.29333333 11.62666667-25.81333333 25.92-25.81333333h723.84l0.74666667 0.10666667 0.74666667-0.10666667c13.97333333 0 25.38666667 11.41333333 25.38666666 25.38666667v485.65333333c-0.10666667 14.08-11.41333333 25.49333333-25.49333333 25.49333333zM434.56 459.09333333h0.53333333c14.29333333 0 25.81333333 11.62666667 25.81333334 25.81333333v248.85333334c0 14.29333333-11.52 25.81333333-25.81333334 25.81333333H73.06666667l-0.74666667-0.10666667-0.74666667 0.10666667c-6.72 0-13.22666667-2.66666667-18.02666666-7.46666667-4.8-4.8-7.46666667-11.2-7.46666667-18.02666666v-249.6c0-14.08 11.41333333-25.38666667 25.38666667-25.38666667l0.42666666 0.10666667 0.42666667-0.10666667h362.24z m-26.34666667 52.69333333H97.17333333V705.06666666h311.04V511.78666666zM202.24 812.37333333h100.90666667c14.82666667 0 26.88 12.05333333 26.88 26.88v0.85333333c0 14.82666667-12.05333333 26.88-26.88 26.88h-100.90666667c-7.14666667 0-13.97333333-2.88-18.98666667-7.89333333-5.01333333-5.01333333-7.89333333-11.84-7.78666666-18.98666667v-0.85333333c-0.10666667-14.82666667 11.84-26.88 26.77333333-26.88z m336-52.8h154.56c14.61333333 0 26.34666667 11.84 26.34666667 26.34666667s-11.84 26.34666667-26.34666667 26.34666666H538.24c-14.61333333 0-26.34666667-11.84-26.34666667-26.34666666s11.73333333-26.34666667 26.34666667-26.34666667z m0 0'
					fill='currentColor'
				/>
				{!!props.sharing && (
					<path d='M 0 0 l 1024 1024' stroke='red' strokeWidth='3em' fill='none' />
				)}
			</svg>
		)}
		{...props}
	/>
);

export { MicroPhoneIcon, CameraIcon, ShareScreenIcon };
